<template>
	<view class="abnormal">
		<zhu-nav-bar title="入库" bgColor="#fff" leftColor="#000" sizeColor="#111"></zhu-nav-bar>
		<view class="abnormal-plate-1">
			<goods-code :imgUrl="require('@/static/img/orderHome/daifukuan-color.png')" name="babycare儿童点读笔通用英语学习点读机幼儿小孩早教故事机益智玩具" desc="点读笔16G+5张挂卡+32本书" code="215454312134544"></goods-code>
		</view>
		<view class="abnormal-plate-2">
			<view class="title">
				归还信息
			</view>
			<view class="content">
				<view class="item">
					<image src="../../../static/img/orderHome/user-small-icon.png" mode="widthFix"></image>
					<text space="emsp">陆绎  174****0424</text>
				</view>
				<view class="item">
					<image src="../../../static/img/orderHome/address-small-icon.png" mode="widthFix"></image>
					<text>金水区省直花园小区1单元1号楼111</text>
				</view>
				<view class="item">
					<image src="../../../static/img/orderHome/time-small-icon.png" mode="widthFix"></image>
					<text space="emsp">2020-12-16 12:30:10</text>
				</view>
			</view>
		</view>
		<view class="abnormal-plate-3">
			<view class="title">
				玩具使用情况
			</view>
			<view class="border">
				<view class="border-solid">
					
				</view>
			</view>
			<view class="content">
				<view class="item">
					<text>玩具是否有损坏或丢失？</text>
					<view class="right">
						<text>是</text>
						<u-switch v-model="checked"></u-switch>
					</view>
				</view>
				<view class="item">
					<text>玩具是否需要修复？</text>
					<view class="right">
						<text>是</text>
						<u-switch v-model="checked"></u-switch>
					</view>
				</view>
				<view class="border">
					<view class="border-solid">
						
					</view>
				</view>
				<view class="img-list">
					<view class="title">
						入库图片
					</view>
					<view class="imgs">
						<image src="../../../static/img/financial/financial-top-bg.png" mode=""></image>
						<image src="../../../static/img/financial/financial-top-bg.png" mode=""></image>
						<image src="../../../static/img/financial/financial-top-bg.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="txt">
			需等修复后才可上架，修复完毕后请在异常订单
			里确认修复完毕
		</view>
		<button class="big-bg-btn">已修复，立即上架</button>
	</view>
</template>

<script>
	import zhuNavBar from '@/pages/components/zhuNavBar.vue'
	import goodsCode from '@/pages/components/goodsCode.vue'
	export default {
		data() {
			return {
				checked:true
				
			};
		},
		components:{
			zhuNavBar,
			goodsCode
		}
	}
</script>

<style lang="scss" scoped>
.abnormal{
	width: 100vw;
	min-height: 100vh;
	background-color: #F9F9F9;
	.abnormal-plate-1{
		padding-top: $hegiht-top;
		
	}
	.abnormal-plate-2{
		margin: 30rpx;
		padding: 30rpx 25rpx;
		width: 690rpx;
		height: 262rpx;
		background: #ffffff;
		border-radius: 20rpx;
		.title{
			font-size: 30rpx;
			font-weight: 500;
			color: #999999;
		}
		.item{
			display: flex;
			align-items: center;
			margin-top: 14rpx;
			image{
				width: 30rpx;
				margin-right: 15rpx;
			}
			text{
				font-size: 30rpx;
				font-weight: 500;
				color: #666666;
			}
		}
	}
	.abnormal-plate-3{
		margin: 30rpx;
		padding: 30rpx 25rpx;
		background: #ffffff;
		border-radius: 20rpx;
		.title{
			font-size: 30rpx;
			font-weight: 500;
			color: #999999;
		}
		.content{
			.item{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 20rpx;
				>text{
					font-size: 30rpx;
					font-weight: 500;
					color: #111111;
				}
				.right{
					display: flex;
					align-items: center;
					
					text{
						font-size: 24rpx;
						font-weight: 500;
						color: #999999;
						margin-right: 20rpx;
					}
				}
			}
			.item:first-child{
				margin-top: 40rpx;
			}
			.item:last-child{
				margin-top: 29rpx;
				margin-bottom: 50rpx;
			}
			.img-list{
				.title{
					margin-top: 30rpx;
					margin-bottom: 15rpx;
				}
				.imgs{
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					image{
						width: 143rpx;
						height: 143rpx;
						background: #ff6b35;
						border-radius: 10rpx;
						margin-right: 20rpx;
					}
				}
			}
		}
	}
	.txt{
		width: 627rpx;
		font-size: 30rpx;
		font-weight: 500;
		color: #999999;
		margin: 30rpx auto;
	}
	>button{
		margin-bottom: 100rpx;
	}
	
}
</style>
